@import 'px2rem.scss';
$designWidth : 750; //设计图尺寸
$primaryColor: #3297ff;
body{
    margin: 0;
    padding: 0;
    font-size: px2rem(28);
    background: #f5f5f5;
    font-family: "PingFang SC","San Francisco","Helvetica Neue","Droid Sans";
}
.form-panel{
    border-radius: px2rem(15);
    background: #fff;
    margin: px2rem(30);
    min-height: calc(100vh - 1.28rem);
    .title{
        font-size: px2rem(36);
        line-height: px2rem(36);
        padding: px2rem(36) 0 px2rem(36) px2rem(46);
        position: relative;
        &:before{
            content: "";
            width: px2rem(6);
            height: px2rem(34);
            border-radius: px2rem(5);
            background: $primaryColor;
            position: absolute;
            top: px2rem(37);
            left: px2rem(27);
        }
    }
    .form{
        padding: 0 px2rem(28);
        .item{
            height: px2rem(98);
            border-bottom: px2rem(1) solid #f6f6f6;
            position: relative;
            padding: 0 0 0 px2rem(120);
            label{
                position: absolute;
                top: 0;
                left: px2rem(10);
                line-height: px2rem(94);
            }
            input{
                width: 100%;
                height: px2rem(97);
                font-size: px2rem(28);
                line-height: px2rem(97);
                padding: 0;
                margin: 0;
                border: 0;
                outline: none;
                background: none;
            }
        }
        .submit{
            width: px2rem(400);
            height: px2rem(80);
            border-radius: px2rem(40);
            font-size: px2rem(36);
            color: #fff;
            text-align: center;
            line-height: px2rem(80);
            background: $primaryColor;
            display: block;
            margin: px2rem(106) auto 0;
            border: 0;
            -webkit-user-select: none;
            outline: none;
            &:active{
                background: #3092f6;
            }
        }
    }
}
